@charset "utf-8";
/* CSS Document */

body {
	background-color: #8f8f8f;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	}
#panah { padding-top:20px;}
p { margin:0;}
#jago { width: 820px; margin: auto; background: #ddd; display: table;
		margin-top: 30px;}
.tag {
	font-size: 8pt;
	color: #aaa;
	text-align: left;
	padding-top:4px;
	font-weight:lighter;

}
.xleft { float: left;}
#wadah {
	width:850px;
	display: table;
	background-color: #353c3d;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #444;
	border-left-color: #444;
	box-shadow: 0px 0px 15px #444;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-image: url(../images/ganteng.png);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding-bottom: 10px;}
.judul {
	color:#000;
	font-weight:bold;
	font-size:28pt;
	/***
	background-image: url(../images/menujudul.png);
	background-repeat: repeat-x;
	background-position: bottom; **/
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-bottom: 5px;
	min-width: 200px;
	float: left;

	}
#footer {
	color:#000;
	background-image: url(../images/menujudul.png);
	background-repeat: repeat-x;
	padding-top: 15px;
	padding-right: 15;
	padding-bottom: 15px;
	padding-left: 32px;

	background-position: center top;
	display:table;
	width: 100%;
	}	
	
#orange{	
	background-color: #e4af26;
	width:15px;
	height:40px;
	float:left;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #2d3233;
	}
#menu {
	float:right;
	height:40px;
	min-width:350px;
	text-align: right;
	}
#fotouser {float:right; padding: 10px 10px 0 10px; 	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #222;}
#fotouser img {width: 50px; height: 50px; box-shadow: 0 0 3px #333; border: 2px solid #222;}
#user {
	color: #ddd;
	text-align: right;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #222;
	padding-top:7px;
	padding-right:5px;
	margin-top: 25px;
/* 	background-image: url(../images/userback2.png); */
	background-position: right center;
	background-repeat: no-repeat;
	height: 27px;
	font-family: "century gothic";
	}
#user img {
	height: 38px;
	width: 38px;
	border: 1px solid #222;
	vertical-align:middle;
	}
#user a{
	text-decoration:none;
	color:#ccc;}
.clear {clear:both;}
#isi {
	margin: 0px 0px;
	padding: 10px 50px 0 30px;
	float:left;
	}
#isibawah {
	margin: 0px 0px;
	padding: 10px 50px 0 30px;
	}
#isibawahbor {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #212324;
	padding-left: 7px;}
#isikanan {
	float:left;
	margin-top:10px;
	padding-left:5px;
	padding-bottom:10px;
	}
.separatormenu {
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 5px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #222;
	}
.menuatas{
	height:26px;
	padding: 12px 8px 0 8px;
	text-align:center;
	color:#eee;
	font-size:14pt;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #222;
	display:block;
	}
.menuatas a{color:#eee;}
a.menuatas { text-decoration:none;}
.menuatas:hover{
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #e4af26;
}
.garishor{
	background-image: url(../images/garishor.png);
	background-repeat: repeat-x;
	height: 3px;
	}
.pel{
	font-size: 30pt;
	color: #ddd;
	padding-top: 5px;
	padding-bottom: 4px;
	font-weight: bold;
	}
.kolom {
	width: 155px;
	float:left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bbb;
	margin-left:15px;
	margin-bottom: 20px;
	margin-top:2px;
	padding-left:15px;


}
.today {
	/* [disabled]width:475px; */
	padding-top: 25px;
}
.pelkanantoday {
	padding-top: 50px;
	padding-bottom: 5px;
	}
.pelkanantoday:hover {
	}
a.pelkanantoday {
	text-decoration:none;
	padding-top: 10px;
	display:inline-table;
}
.pelkanan {
	float:left;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #bbb;
	margin-left:25px;
	margin-bottom: 20px;
	margin-top:2px;
	padding-left:15px;
	}
.pel2{
	font-size: 18pt;
	color: #ddd;
	padding-left: 2px;
	}
.pel6{
	font-size: 15pt;
	color: #ddd;
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 8px;
	}
.pel2big{
	font-size: 20pt;
	color: #ddd;
	padding-bottom:3px;
	}
.pel2x{
	font-size: 18pt;
	color: #ddd;
	padding-bottom:10px;
	}



.pel3{
	font-size: 12pt;
	color: #ddd;
	padding-top:2px;
	}
.pel3 a{
	color: #ddd;

	}
.pel4{
	font-size: 9pt;
	color: #aaa;
	text-align: left;
	padding-top:1px;
	margin-left:6px;
	padding-left:8px;
	padding-bottom:2px;
	}
.pel5{
	font-size: 9pt;
	color: #aaa;
	text-align: left;
	padding-top:1px;
	margin-left:6px;
	padding-left:8px;
	padding-bottom:2px;
}
#dalem {
	margin-left:45px;
	margin-top:15px;
	margin-bottom: 10px;
	padding: 5px 0 10px 20px;
	}
.jad0{margin: 25px 0;}
.jad0x{margin: 5px 0;}
.jad1{
	font-size: 12pt;
	color: #ccc;
	text-align: left;
	padding-left:2px;
}
.jad1e{
	font-size: 10pt;
	color: #111;
	text-align: left;
	padding-left:2px;
	padding-bottom:10px;
	}
.padatas {
	padding-top: 10px;
}

.jad2{
	font-size: 18pt;
	color: #ddd;
	text-align: left;
	padding: 2px 0;
	}
.jad3{
	font-size: 11pt;
	color: #aaa;
	text-align: left;
	padding-top:4px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #212324;
	margin-left:6px;
	padding-left:6px;
}
.jad4{
	font-size: 9pt;
	color: #aaa;
	text-align: left;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #212324;
	padding-top:2px;
	margin-left:6px;
	padding-left:6px;
	padding-bottom:2px;
}
.round{
	background-color:#111;
	color:#999;
	font-size:10pt;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 1px;
	font-weight: bold;
	margin-left: 3px;}
.black {color:#111;}
.kanan1{
	font-size: 12pt;
	color: #111;
	text-align: left;
	padding-top:0px;
	margin-right:6px;
	padding-right:15px;
	padding-bottom:2px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #212324;
	padding-left:10px;
	margin-left:2px;
}
.kanan2{
	font-size: 10pt;
	color: #aaa;
	text-align: left;
	padding-top:1px;
	margin-right:6px;
	padding-right:15px;
	padding-bottom:2px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #212324;
	padding-left:10px;
	margin-left:2px;
}
.kanan3{
	font-size: 10pt;
	color: #aaa;
	text-align: left;
	padding-top:1px;
	padding-right:5px;
	padding-bottom:2px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #212324;
	padding-left:10px;
	margin-left:2px;
	}
.bar {margin-top:3px;}
.bar2 {margin-top:9px;}
#detail { padding-top:20px;}
.selubung {
	padding-bottom:10px;
	float:left;}
.sesi {
	background-color:#111;
	font-weight:bold;
	color:#999;
	padding:2px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
	}
.sesi0 {
	font-size:20pt;
	padding-top: 15px;
}
#tgl{
	font-size:14pt;
	background-color:#ccc;
	color:#111;
	padding:2px;
	}
.done {
	width:10px;
	height:12px;
	background-color:#222;
	}
.yet {
	width:10px;
	height:12px;
	background-color:#444;
	}

h2.trigger {
	padding: 0 0 0 0px;
	margin: 0 0 0px 0;
	height: 25px;
	/**width: 450px;***/
	font-size: 18pt;
	color: #ddd;
	font-weight: normal;
	float: left;
	background-image: url(../images/panah2.png);
	padding-right:30px;
	background-repeat: no-repeat;
	background-position: right center;
	vertical-align:middle;
}
h2.trigger a {
	color: #ddd;
	text-decoration: none;
	display: block;
	vertical-align:middle;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: right center;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 0px;
	padding: 0;
	border-top: 0px solid #d6d6d6;
	background: # url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	/**width: 500px;**/
	clear: both;
}
.toggle_container .block {
	padding: 0px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat; /*--Bottom rounded corners--*/
	background-position: right center;
}
.bf1 {
	width:32px;
	background-image: url(../images/bullet.png);
	height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
	}
.bf2 {
	font-size: 12pt;
	font-weight: lighter;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 15px;
	}
.listcourse {
	font-size: 11pt;
	font-weight: lighter;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 15px;
	}
.round-bf {
	background-color:#000;
	opacity: 0.5;
	color:#999;
	font-size:12pt;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	}

.course { float:left;}
.courseP {
	background-color: #111;
	height: 90px;
	width: 8px;
	float:left;
	margin-left: 15px;
	margin-top: 10px;
}
.course a {
	width:100%;
	display: block;
	text-decoration:none;
	color: #ddd;
	text-align: left;
	background-image: url(../images/bullet.png);
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 5px center;
	}
.course a:hover { 	background-image: url(../images/bullethover.png);}
.belum {color:#111;}
.sudah {color:#bbb;}

#biodata {
	color:#999;
	font-family: "Century Gothic";
	width: 540px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 5px;

		}
.isian {
	font-size: 12pt;
	border: 1px solid #121212;
	background-color: #222;
	color: #eee;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 7px;
	padding-left: 6px;
	font-family: "Century Gothic";
	cursor:pointer;
	margin-right: 5px;
}
.f0 { width: 450px;}
.f1 { width: 350px;}
.f2 { width: 250px;}
.f3 { width: 190px;}
.f4 { width: 160px;}
.f5 { width: 130px;}
.f6 { width: 80px;}
.isian:focus {
	background-color: #CCC;
	border: 1px solid #390;
	color: #000;
	-moz-border-radius: 3px;
	border-radius: 3px;
		cursor:pointer;
}
.judulform{
	font-size: 10pt;
	color: #ccc;
	text-align: left;
	padding: 5px 0 2px 2px;	
	}
.bio{
	font-size: 11pt;
	font-weight:bold;
	color: #000;
	text-align: left;
	padding: 5px 0 0 2px;
	font-family:Arial, Helvetica, sans-serif;
	}
.xmen {
	font-size:20pt;
	color: #111;
	text-align: left;
	padding-bottom: 4px;
	}
.tempatbutton{
	padding-top:2px;
	margin-top: 25px;
}
#isikiri {
	float:left;
	margin-right: 15px;
	padding-top: 16px;
}
#tempatfoto {
	padding-bottom: 50px;
	background-image: url(../images/menujudulx.png);
	background-repeat: repeat-y;
	background-position: right;
	padding-top: 3px; 
	padding-right: 30px;
	padding-left: 5px;
	}

#isikiri img {
	width:135px;
	height: auto;
	border: 5px solid #ccc;

	box-shadow:0 0 10px #222;}

#isikanan {float:right}
#role {
	color: #999;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.rolex {
	font-size:9pt;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 26px;
	
}
.roley {
	color: #777;
		font-size:11pt;
	}
.rolemenu {
	color: #999;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 6px;

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #111;
}
.rolemenux {
		color: #999;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 6px;
		border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #111;
		border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #111;
}
.save {
	font-size: 12pt;
	border: 1px solid #111;
	background-color: #666;
	color: #000;
	cursor:pointer;
	padding: 10px;
	width: 125px;
	text-align: left;
}
.save:hover {
	background-color: #999;
}
.pembatas{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #111;
	display:table;
	height: 5px;
	width: 100px;
	}
.judulform td {
	padding-right: 3px;
	padding-left: 3px;
}
.padbwh {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #111;
	font-weight: bold;
}
#available {
	font-size: 16pt;
	padding-bottom: 10px;
	}
.garistengah {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #111;
	margin-right: 5px;
	padding-left: 5px;
	width: 5px;
}
.padleft5 {
	padding-left:10px;
}
#footerX{

	margin-bottom: 15px;
	padding-top: 8px;
	color: #ccc;
	font-size: 9pt;
	padding-left: 20px;
	font-family:"century gothic";}
	
#checkbox {border: 0;}
.notbold { font-weight: lighter;}
